/* 修复 vuepress 默认样式对 组件样式的破坏 */

.el-date-table {
  display: table;
}

.el-date-table th,
.el-date-table td {
  text-align: center;
  border: 1px solid var(--c-border-dark)
}

.desc-hide-border tr {
  border-top: 0px;
}

.el-table__body,
.el-table__header {
  margin: 0px;
}

.el-table td,
.el-table th {
  border: 0px;
}

.theme-default-content .el-menu img {
  max-width: inherit;
}

.el-descriptions__body .el-descriptions__table {
  display: table;
}

/* example 常用 class */
.demo {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  padding: 1.5rem;
  margin: 30px 0px;
}

.border {
  border: 1px solid var(--el-border-color);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-center {
  text-align: center;
}

.w100 {
  width: 100% !important;
}

.fullscreen {
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 99;
  background: #fff;
  margin: 0px;
  padding: 0px;
  position: fixed;
}



/** example navTabs  */
.common-layout {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  margin: 40px 0px;
  position: relative;
  height: 400px;
}

.common-layout .el-header,
.common-layout .el-footer,
.common-layout .el-main,
.common-layout .el-aside {
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-layout .el-aside {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-text-color-primary);
  text-align: center;
}

.common-layout .el-main {
  color: var(--el-text-color-primary);
  text-align: center;
  background: var(--c-bg);
}

.common-layout .el-main .el-table .el-table__cell {
  padding: 5px 0;
}

.common-layout .el-header,
.common-layout .el-footer {
  background-color: var(--el-color-primary-light-7);
  color: var(--el-text-color-primary);
  text-align: center;
}

.common-layout .el-main.full-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.common-layout .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
}

/** example menuBase  */
.demo-menu.el-menu--vertical:not(.el-menu--collapse) {
  width: 200px;
}

.el-menu--horizontal .el-sub-menu .el-sub-menu__icon-arrow {
  right: 0px;
}
